<div id="studentNavi" class="app-padding-15 height-full app-border-right-1 app-border-color-grey-light position-r" ng-controller="StudentController as vm">
    <div class="ft-size-23 app-margin-left-5">班级信息</div>
    <svg class="left-bar-add app-icon app-icon-20 float-r cursor position-a" ng-click="vm.addLeftNav()">
        <use class="green" xlink:href="{{'#icon-plus'}}"></use>
    </svg>
    <div class="app-margin-5 ft-color-grey-normal">管理学院现有班级信息</div>
    <div class="app-margin-top-5">
        <div class="app-flex-row app-padding-y-10 position-r" ng-repeat="navi in vm.naviBInit track by $index" ng-mouseover="vm.leftItemShow(navi.id)" ng-mouseleave="vm.leftItemHide(navi.id)" ng-click="vm.LeftNavClickEvent(navi.id)">
            <svg class="app-icon app-icon-16 ft-color-{{navi.iconColor || 'grey-normal'}}">
                <use xlink:href="{{'#icon-star'}}"></use>
            </svg>
            <span class="app-margin-x-7 navi-name">{{navi.name}}</span>
            <span class="ft-color-green-normal">（{{navi.number || 0}}）</span>
            <div class="stu-left-hover padding-5 border-r5" ng-class="{true:'display-b',false:'display-n'}[vm.isShow == navi.id]">
                <svg class="app-icon app-icon-20 cursor" ng-click="vm.editLeftNav(Navi.id)">
                    <use class="white" xlink:href="{{'#icon-edit'}}"></use>
                </svg>
                <svg class="app-icon app-icon-20 margin-l10 cursor" ng-click="vm.delLeftNav(navi.id)">
                    <use class="white" xlink:href="{{'#icon-x'}}"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="app-new-overly" ng-class="{true:'display-b',false:'display-n'}[vm.overlay]"></div>
    <div class="app-new-form"  ng-class="{true:'display-b',false:'display-n'}[vm.newNav]">
        <div class="app-new-table">
            <div class="form-title">基本信息</div>
            <div class="form-row">
                <div class="item-name">班级名称</div>
                <div class="item-input"><input type="text" value="{{vm.class.name}}"></div>
                <div class="item-name">班级辅导员</div>
                <div class="item-input"><input type="text" value="{{vm.class.code}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">所属学院</div>
                <div class="item-input" style="width: 85%"><input type="password" value="{{vm.class.rawPassword}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">入学时间</div>
                <div class="item-input"><input type="text" value="{{vm.class.sex}}"></div>
                <div class="item-name">毕业时间</div>
                <div class="item-input"><input type="text" value="{{vm.class.photo}}"></div>
            </div>
            <div class="form-row">
                <div class="item-name">备注</div>
                <div class="item-input" style="width: 85%"><input type="text" value="{{vm.class.idCard}}"></div>
            </div>
            <div class="form-handle">
                <div class="new-btn-submit cursor" ng-class="{true:'display-n',false:'display-b'}[vm.isReadonly]"  ng-click="vm.saveLeftNav()">保存</div>
                <div class="new-btn-cancel cursor" ng-click="vm.closeFrame()">取消</div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
</div>